<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!doctype html>
<html lang="en">

	<head>
		<title>新建会议</title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<!-- VENDOR CSS -->
		<link rel="stylesheet" href="styles/css/bootstrap.min.css">
		<link rel="stylesheet" href="styles/css/jquery-ui.min.css" />
		<link rel="stylesheet" href="styles/css/font-awesome.min.css">
		<link rel="stylesheet" href="styles/css/style.css">
		<!-- MAIN CSS -->
		<link rel="stylesheet" href="styles/css/main.css">
		<!-- FOR DEMO PURPOSES ONLY. You should remove this in your project -->
		<link rel="stylesheet" href="styles/css/demo.css">
		<!-- GOOGLE FONTS -->
		<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" rel="stylesheet">
		<!-- ICONS -->
		<link rel="apple-touch-icon" sizes="76x76" href="styles/images/apple-icon.png">
		<link rel="icon" type="image/png" sizes="96x96" href="styles/images/favicon.png">
	</head>

	<body>
		<!-- WRAPPER -->
		<div id="wrapper">
			<!-- NAVBAR -->
			<%@ include file="common/navbar.html"%>
			<!-- END NAVBAR -->
			<!-- LEFT SIDEBAR -->
			<%@ include file="common/sidebar.html"%>
			<!-- END LEFT SIDEBAR -->
			<!-- MAIN -->
			<div class="main">
				<!-- MAIN CONTENT -->
				<div class="main-content">
					<div class="container-fluid">
						<h3 class="page-title">新建会议</h3>

						<form action="transferToDeptAction" method="post" class="form-horizontal" role="form" onsubmit="return beforeSubmit()">
							<div class="row">
								<div class="col-md-12">
									<!-- TABLE STRIPED -->
									<div class="panel">
										<div class="panel-body">
											<h4>会议概要</h4>
											<hr />
											<div class="form-group">
												<label class="control-label col-md-1" style="text-align: left;">会议名称：</label>
												<div class="col-md-3">
													<input type="text" class="form-control" name="mname" placeholder="输入会议名称" /><span><font color="red" id="check_mname"></font></span>
												</div>
												<label class="control-label col-md-1 " style="text-align: left;">会议时间：</label>
												<div class="col-md-3">
													<input type="text" class="form-control meeting_time" name="meetingDate" placeholder="输入会议时间"/><span><font color="red" id="check_mdate"></font></span>
												</div>
											</div>
											<br />
											<textarea class="form-control" name="meetingContent" id="dept_meeting_content" rows="4" placeholder="会议内容"></textarea>
											<span><font color="red" id="check_meetingContent"></font></span>
											<hr />
											<div class="form-group">
												<div class="col-md-2">
													<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-plus"></span> 参会人员</button>
												</div>
												<div class="col-md-offset-1 col-md-2 control-label">
													<label>已选择：<span id="empNum">0</span>人</label>
													<span><font color="red" id="check_empNum"></font></span>
												</div>
											</div>

											<!-- 模态框（Modal） -->
											<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
												<div class="modal-dialog">
													<div class="modal-content">
														<div class="modal-header">
															<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
															<h4 class="modal-title" id="myModalLabel">部门员工</h4>
														</div>
														<div id="empList" class="modal-body">
															<s:iterator value="empInfos" status="st">
																<div class="checkbox">
																	<label><input id="checkbox_${id}" type="checkbox" name="empIds" value="${id}" />${name}</label>
																</div>
															</s:iterator>
														</div>
														<div class="modal-footer">
															<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
															<button type="button" class="btn btn-primary" data-dismiss="modal" onclick="computeEmpNum()">确定</button>
														</div>
													</div>
													<!-- /.modal-content -->
												</div>
												<!-- /.modal -->
											</div>
										</div>
									</div>
									<!-- END TABLE STRIPED -->
								</div>
								<div class="col-md-12">
									<div class="panel panel-default">
										<div class="panel-body">
											<h4>会议任务</h4>
											<hr />
											<div class="form-group">
												<label class="control-label col-md-2" style="text-align: left;">任务名称：</label>
												<div class="col-md-3">
													<input type="text" class="form-control" name="taskName" placeholder="输入任务名称" />
													<span><font color="red" id="check_taskName"></font></span>
												</div>
												<label class="control-label col-md-2" style="text-align: left;">任务分数：</label>
												<div class="col-md-3">
													<input type="text" class="form-control" name="taskPoint" placeholder="输入任务分数" />
													<span><font color="red" id="check_taskPoint"></font></span>
												</div>
											</div>
											<div class="form-group">
												<label class="control-label col-md-2" style="text-align: left;">预计开始时间：</label>
												<div class="col-md-3">
													<input type="text" class="form-control deptTaskPlanStartTime" id="task_start_time" name="taskPlanStartTime" placeholder="输入预计开始时间" />
													<span><font color="red" id="check_task_start_time"></font></span>
												</div>
												<label class="control-label col-md-2" style="text-align: left;">预计结束时间：</label>
												<div class="col-md-3">
													<input type="text" class="form-control deptTaskPlanEndTime" id="task_end_time" name="taskPlanEndTime" placeholder="输入预计结束时间" />
													<span><font color="red" id="check_task_end_time"></font></span>
												</div>
											</div>
											<br />
											<textarea class="form-control" rows="4" name="taskContent" id="taskContent" placeholder="任务内容"></textarea>
											<span><font color="red" id="check_task_Content"></font></span>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-offset-5 col-md-2">
									<button type="submit" class="btn btn-warning btn-block">分配任务</button>
								</div>
							</div>
						</form>
					</div>

				</div>
			</div>

			<!-- END MAIN CONTENT -->
		</div>
		<!-- END MAIN -->
		<div class="clearfix"></div>

		</div>
		<!-- END WRAPPER -->
		<!-- Javascript -->
		<script src="scripts/common/jquery-3.2.1.min.js"></script>
		<script src="scripts/common/jquery-ui.min.js"></script>
		<script src="scripts/common/bootstrap.min.js"></script>
		<script src="scripts/common/jquery.slimscroll.min.js"></script>
		<script src="scripts/common/klorofil-common.js"></script>
		<script src="scripts/task/manager/new_dept_meeting.js"></script>
	</body>

</html>